<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>少年宫M站报名系统 | 新生选班</title>
		<meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-touch-fullscreen" content="yes">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
        <link href="css/global.css" type="text/css" rel="stylesheet">
        <link rel="stylesheet/less" type="text/css" href="css/style_navy.less"/>
        <script type="text/javascript" src="js/less.js" ></script>
        <link href="css/select.css" rel="stylesheet" />
        <link href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet" />
	</head>
	<body>
		<div class="main_top">
        	<div class="main_top_l">
        		<a href=""><img src="images/return.png"/></a>
        	</div>
        	<div class="main_top_m">
        		选&nbsp;班
        	</div>
        </div>
        <div class="main_content">
        	<div class="main_search">
        		<ul>
        			<li>
        				<div class="vertical">
						<select id="mySelect">
							<option value="1">项目类1</option>
							<option value="2">项目类2</option>
							<option value="3" selected="selected">项目类别</option>
							<option value="4">项目类4</option>
							<option value="5">项目类5</option>
							<option value="6">项目类6</option>
							<option value="7">项目类7</option>
							<option value="8">项目类8</option>
							<option value="9">项目类9</option>
							<option value="10">项目类10</option>
							<option value="11">项目类11</option>
							<option value="12">项目类12</option>
						</select>
						</div>
        			</li>
        			<li>
        				<div class="vertical">
						<select id="mySelect2">
							<option value="1">类别1</option>
							<option value="2">类别2</option>
							<option value="3" selected="selected">类别</option>
							<option value="4">类别4</option>
							<option value="5">类别5</option>
							<option value="6">类别6</option>
							<option value="7">类别7</option>
							<option value="8">类别8</option>
							<option value="9">类别9</option>
							<option value="10">类别10</option>
							<option value="11">类别11</option>
							<option value="12">类别12</option>
						</select>
						</div>
        			</li>
        			<li>
        				<div class="vertical">
						<select id="mySelect3">
							<option value="1">授课老师</option>
							<option value="2">授课老师</option>
							<option value="3" selected="selected">授课老师</option>
							<option value="4">授课老师</option>
							<option value="5">授课老师</option>
							<option value="6">授课老师</option>
							<option value="7">授课老师</option>
							<option value="8">授课老师</option>
							<option value="9">授课老师</option>
							<option value="10">授课老师1</option>
							<option value="11">授课老师</option>
							<option value="12">授课老师</option>
						</select>
						</div>
        			</li>
        			<li class="search">
        				<button>搜索</button>
        			</li>
        		</ul>
        	</div>
        	<div class="search_list">
        		<div class="list_con">
        			<div class="list_con_l">
        				<p class="click_m">
        					<span>英语俱乐部</span>周洪娟
        					<br />
        					上课时间：星期六 08：30-10：00
        					<br />
        					培训教室： 墨趣书房3＃5
        					<br />
        					费用： 学费800.00＋材料费0.00
        				</p>
	        		</div>
	        		<div class="list_con_r">
	        			<span>剩20</span>
	        			<a href="#" class="yibao">已报名</a>
	        		</div>
	        		<div class="modal" style="display: none;">
						<div class="search_list modal_in">
			        		<div class="list_con">
			        			<div class="list_con_l">
				        			<p class="click_m">
			        					<span>英语俱乐部</span>周洪娟
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        					<br />       				
										报名条件： 需要有一定的英语基础，同时参
										                  加过英语比赛  
										<br /> 
										年龄限制： 5岁 - 13岁
										<br />
										预计招生： 30名
										<br />
										剩余名额： 20名
			        				</p>
				        		</div>
				        		<div class="list_close">关闭</div>
				        		<div class="list_bao baoming1">报名</div>	        		
			        		</div>
						</div>
					</div>
					<div class="modal1" style="display: none;">
						<!--<div class="search_list modal1_in">
							<div class="modal1_img">
								<img src="images/receive.png"/><span>正在报班中。。。</span>
							</div>
			        		<div class="list_con">
			        			<div class="list_con_l">
				        			<p class="click_m">
			        					<span>英语俱乐部</span>周洪娟
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        				</p>
			        				<p class="click_m">
			        					<span>英语俱乐部</span>周洪娟
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        				</p>
				        		</div>       		
			        		</div>
						</div>-->
						<!--<div class="search_list modal1_in">
							<div class="modal1_img">
								<img src="images/win.png"/><span>报班成功！</span>
							</div>
			        		<div class="list_con">
			        			<div class="list_con_l">
				        			<p class="click_m">
			        					<span>英语俱乐部</span>周洪娟
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        				</p>
				        		</div>       		
			        		</div>
			        		<div class="close_top">
			        			<img src="images/close.png"/>
			        		</div>
						</div>-->
						<div class="search_list modal1_in">
							<div class="modal1_img">
								<img src="images/win.png"/><span>报班成功！</span>
								<p>请到少年宫报名系统网站打印面试通知单</p>
							</div>
			        		<div class="list_con">
			        			<div class="list_con_l">
				        			<p class="click_m">
			        					<span>英语俱乐部</span>周洪娟
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        				</p>
				        		</div>  
				        		<div class="list_con_l">
				        			<p class="click_m">
			        					<span>英语俱乐部</span>周洪娟
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        				</p>
				        		</div>
			        		</div>
						</div>
						<!--<div class="search_list modal1_in">
							<div class="modal1_img">
								<img src="images/fail.png"/><span>报班失败！</span>
								<p>失败原因：年龄不在允许范围内容</p>
							</div>
			        		<div class="list_con">
			        			<div class="list_con_l">
				        			<p class="click_m">
			        					<span>英语俱乐部</span>周洪娟
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        				</p>
				        		</div>       		
			        		</div>
			        		<div class="close_top">
			        			<img src="images/close.png"/>
			        		</div>
						</div>-->
					</div>
        		</div>
        	</div>
        	<div class="search_list">
        		<div class="list_con">
        			<div class="list_con_l">
        				<p class="click_m">
        					<span>书法俱乐部</span>纪东
        					<br />
        					上课时间：星期六 08：30-10：00
        					<br />
        					培训教室： 墨趣书房3＃5
        					<br />
        					费用： 学费800.00＋材料费0.00
        				</p>
	        		</div>
	        		<div class="list_con_r">
	        			<span>剩20</span>
	        			<a href="#">报名</a>
	        		</div>
	        		<div class="modal" style="display: none;">
						<div class="search_list modal_in">
			        		<div class="list_con">
			        			<div class="list_con_l">
				        			<p class="click_m">
			        					<span>书法俱乐部</span>纪东
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        					<br />       				
										报名条件： 需要有一定的英语基础，同时参
										                  加过英语比赛  
										<br /> 
										年龄限制： 5岁 - 13岁
										<br />
										预计招生： 30名
										<br />
										剩余名额： 20名
			        				</p>
				        		</div>
				        		<div class="list_close">关闭</div>
				        		<div class="list_bao">报名</div>	        		
			        		</div>
						</div>
					</div>
        		</div>
        	</div>
        	<div class="search_list">
        		<div class="list_con">
        			<div class="list_con_l">
        				<p class="click_m">
        					<span>英语俱乐部</span>周洪娟
        					<br />
        					上课时间：星期六 08：30-10：00
        					<br />
        					培训教室： 墨趣书房3＃5
        					<br />
        					费用： 学费800.00＋材料费0.00
        				</p>
	        		</div>
	        		<div class="list_con_r">
	        			<span>剩20</span>
	        			<a href="#">报名</a>
	        		</div>
	        		<div class="modal" style="display: none;">
						<div class="search_list modal_in">
			        		<div class="list_con">
			        			<div class="list_con_l">
				        			<p class="click_m">
			        					<span>英语俱乐部</span>周洪娟
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        					<br />       				
										报名条件： 需要有一定的英语基础，同时参
										                  加过英语比赛  
										<br /> 
										年龄限制： 5岁 - 13岁
										<br />
										预计招生： 30名
										<br />
										剩余名额： 20名
			        				</p>
				        		</div>
				        		<div class="list_close">关闭</div>
				        		<div class="list_bao">报名</div>	        		
			        		</div>
						</div>
					</div>
        		</div>
        	</div>
        	<div class="search_list">
        		<div class="list_con">
        			<div class="list_con_l">
        				<p class="click_m">
        					<span>书法俱乐部</span>纪东
        					<br />
        					上课时间：星期六 08：30-10：00
        					<br />
        					培训教室： 墨趣书房3＃5
        					<br />
        					费用： 学费800.00＋材料费0.00
        				</p>
	        		</div>
	        		<div class="list_con_r">
	        			<span>剩20</span>
	        			<a href="#">报名</a>
	        		</div>
	        		<div class="modal" style="display: none;">
						<div class="search_list modal_in">
			        		<div class="list_con">
			        			<div class="list_con_l">
				        			<p class="click_m">
			        					<span>书法俱乐部</span>纪东
			        					<br />
			        					上课时间：星期六 08：30-10：00
			        					<br />
			        					培训教室： 墨趣书房3＃5
			        					<br />
			        					费用： 学费800.00＋材料费0.00
			        					<br />       				
										报名条件： 需要有一定的英语基础，同时参
										                  加过英语比赛  
										<br /> 
										年龄限制： 5岁 - 13岁
										<br />
										预计招生： 30名
										<br />
										剩余名额： 20名
			        				</p>
				        		</div>
				        		<div class="list_close">关闭</div>
				        		<div class="list_bao">报名</div>	        		
			        		</div>
						</div>
					</div>
        		</div>
        	</div>
       
        </div>
        <div class="main_bot">
        	<ul>
        		<li class="">
        			<a href="/choose_old.html">
        				<div class="choose">
        				</div>
	        			<span >选班</span>
	        		</a>
	        	</li>
	        	<li class="select ">
        			<a href="/choose_old.html">
        				<div class="list">
        				</div>
	        			<span >我的报班</span>
	        		</a>
	        	</li>
	        	<li class=" ">
        			<!--<a href="/choose_old.html">
        				<div class="message">
        				</div>
	        			<span >学员信息</span>
	        		</a>-->
	        		<a href="usermsg.html">
        				<div class="manage">
        				</div>
	        			<span >设置</span>
	        		</a>
	        	</li>
	        	<li class="">
        			<a href="/choose_old.html">
        				<div class="notice">
        				</div>
	        			<span >公告</span>
	        		</a>
	        	</li>
        	</ul>
        </div>
	 	<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
        <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
		<!--<script src="js/jquery.select.js"></script>-->
		<script type="text/javascript">
			$(function () {
			   // $("#mySelect").select(); 不传参数可以这样写
				$("#mySelect").select({
					width: "100%"
				});
				$("#mySelect2").select({
					width: "100%"
				});
				$("#mySelect3").select({
					width: "100%"
				});
				//可选参数,不填就是默认值
				//width: "180px",            //生成的select框宽度
				//listMaxHeight:"200px",     //生成的下拉列表最大高度
				//themeColor: "#00bb9c",    //主题颜色
				//fontColor: "#000",        //字体颜色
				//fontFamily: "'Helvetica Neue', arial, sans-serif",    //字体种类
				//fontSize:"15px",           //字体大小
				//showSearch: false,        //是否启用搜索框
				//rowColor:"#fff",          //行原本的颜色
				//rowHoverColor: "#0faf03", //移动选择时，每一行的hover底色
				//fontHoverColor: "#fff",   //移动选择时，每一行的字体hover颜色
				//mainContent: "请选择",    //选择显示框的默认文字
				//searchContent: "关键词搜索"   //搜索框的默认提示文字  
			});
		</script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".xiangtop").click(function(){
				$(this).siblings(".xiangmu").toggle();
			});
			$(".list_con_l").click(function(){
				$(this).siblings(".modal").show();
			});
			$(".list_close").click(function(){
				$(this).parents(".modal").hide();
			});
			$(".baoming").click(function(){
				$(this).parents(".list_con_r").siblings(".modal1").show();
			});
			$(".baoming1").click(function(){
				$(this).parents(".modal").hide();
				$(this).parents(".modal").siblings(".modal1").show();
			});
			$(".close_top").click(function(){
				$(this).parents(".modal1").hide();
			});
		})
	</script>
	</body>
</html>
